import React, {FC} from 'react';
import SwitchDark from "@/components/SwitchDark";
import LoginForm from "@/views/login/components/LoginForm.tsx";
import loginIllustration from "@/assets/images/login_illustration.svg";
import logo from "@/assets/images/logo.svg";
import styles from '@/views/login/index.module.less'

const Login: FC = () => {
    return (
        <div className={styles.login_container}>
            <div className={styles.login_content}>
                <SwitchDark/>
                <div className={styles.login_illustration}>
                    <img src={loginIllustration} alt="illustration"/>
                </div>
                <div className={styles.login_form}>
                    <div className={styles.login_form_title}>
                        <img className={styles.login_title_logo} src={logo} alt="logo"/>
                        <span className={styles.login_title_text}>React Admin</span>
                    </div>
                    <LoginForm/>
                </div>
            </div>
        </div>
    );
};

export default Login;
